<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="../../css/mui.min.css" />
<link rel="stylesheet" href="../../css/app.css" />
</head>

<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">原生pull to refresh</h1>
    </header>
    <script src="../../js/mui.min.js"></script>
    <script src="../../js/app.js"></script>
    <script type="text/javascript">
        (function($, doc) {
            var sh = 0;
            app.immersion(function (h) {
                sh = h;
            	doc.querySelector('header').classList.add('immersion');
            });
            $.init({
                /*beforeback: function() {
                    setTimeout(function () {
                    	plus.webview.getWebviewById('native_pull_list').close();
                    }, 200);
                    return true;
                },*/
                subpages: [{
                    id: 'native_pull_list',
                    url: 'native_pull_list.html',
                    styles: {
                        top: (sh + 44) + 'px',
                        bottom: '0px'
                    }
                }]
            });
            $.plusReady(function() {
            });
        })(mui, document);
    </script>
</body>

</html>